<!DOCTYPE html>
<html lang="zh-CN" ng-app="devicesApp">
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <meta name="msapplication-tap-highlight" content="no" />
    <meta http-equiv="Cache-Control" content="no-cache"/>
    <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Cache-Control" content="max-age=0"/>
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />

    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"/>
    <script src="js/jquery-3.1.0.min.js"></script>
    <script type="application/javascript" src="../js/angular.js"></script>
    <script src="../js/angular.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="js/devices.js"></script>
</head>

<body   style="height:100%;margin:0;background:#DCDCDC;" ng-controller="devicesController">
<div style="background:#FFFFFF;">
    <div  >
        <img src="image/logo.png"/><span style="font-size:35px;color:#87CEFA;margin-left:10px;">iLabService</span>
    </div>
    <div style="text-align:right;margin-top:5px;margin-right:10px;background:#FFFFFF;">
        <h4>InterLab实验室物联网云监控</h4>
    </div>
</div>


<div >
    <div  style="text-align:center;">
        <div style="margin-top:40px;text-align:center;margin-left:20px;margin-right:20px;">
            <p><h3>{{devices.name}}</h3></p>
            <p  style="text-align:center;margin-top:10px;font-size:18px;background:#7EC0EE;">运行天数：{{devices.deviceNum}}天</p>
            <p  style="text-align:center;margin-top:10px;font-size:18px;background:#7EC0EE;">设备数量：{{devices.days}}台</p>
            <p  style="text-align:center;margin-top:10px;font-size:18px;background:#7EC0EE;">当前报警：{{devices.alterNum}}台</p>
        </div>

    </div>
    <div style="margin-left:20px;margin-right:20px;">
        <ul class="list-group" ng-repeat="device in devices.deviceList" >
            <li class="list-group-item" style="padding-left:20px;" ng-click="next(device.id);">设备名：{{device.name}}</li>
        </ul>
    </div>
</div>


</body>
</html>